﻿<?php
include_once('connexpdo.php');
include_once('fonctions.php');
session_start();
?>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <!-- PAGE TITLE -->
    <title>ASPC Badminton</title>
    <!-- MAKE IT RESPONSIVE -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- BOOTSTRAP -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <!-- MAIN STYLE -->
    <link href="css/customize.css" rel="stylesheet" media="screen">
    <link href="css/style.css" rel="stylesheet" media="screen">
    <!-- FONTS -->
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
  </head>
  <!-- START BODY -->
  <body>
	<div id="page">
		<!-- START MAIN CONTAINER -->
		<div id="main-container">
		<?php affiche_menu();?>		
			<!-- START PROJECT SECTION -->
			<section id="project" class="section" >
				<span class="sequence-prev" ></span>
				<span class="sequence-next" ></span>
	            <ul class="sequence-canvas">
	            	<li class="animate-in" style="background-color: #82b440;">
		            	<div class="slide-content">
		            	<div class="inherit">
		            	<img src="images/logoaspc.png" alt="Logo ASPC Badminton" style="float:right;width:30%;height:30%;">
			            	</div><h3>Bienvenue sur le site de <br>l'<span style="text-decoration: bold;">ASPC Badminton!</span></h3><br>
          	
			            	<p>Ce site a pour but de vous renseigner sur les dernières activitées de L'ASPC Badminton.
			            	Les dernières news du club, les derniers résultats des compétitions ainsi que les évenements 
			            	à venir.<br><br>
		            	</div>
	            	</li>
	            	<li class="animate-in" style="background-color: #f7881d;"><!-- couleur orange -->
		            	<div class="slide-content">
		            		<div class="inherit2" >
			            	<?php dernier_post();?>
			            	</div>
		            	</div>
	            	</li>
	            	<li class="animate-in" style="background-color: #424a5d;"><!-- couleur noir --><!-- couleur vert #82b440 -->
		            	<div class="slide-content">
			            	<h1>Où nous trouver ? </h1>
			            	<div class="center">
			            		<img src="images/gallery/plan.png" class="pull-left" alt="image in slider slide">
			            		<p>L'ASPC Badminton dispose de plusieurs salles d'entrainements. <br>La salle Athletis ansi que
				            	les salles B et C de la Chesnaie<br>
				            	Pour plus d'information ainsi que l'accès aux salles, nous vous invitons à
				            	regarder <a href="single-blog.php?id=12" style="color: white;text-decoration: underline;">cette page</a>
				            	</p>
			            	</div>
		            	</div>
	            	</li>
	            </ul>
            	<ul class="sequence-pagination">
					<li>Bienvenue</li>
					<li>Le dernier post</li>
					<li>Où nous trouver ?</li>
				</ul>
			</section>
			<!-- END PROJECT SECTION -->
						<!-- START BLOG SECTION -->
			<section id="blog" class="section with-arrow section-content-colored">
				<!-- SECTION TITLE -->
				<div class="section-header with-arrow"><br>
					<h1>Les dernières news !</h1>
					<hr>
				</div>
				<!-- SECTION CONTENT -->
				<div class="section-content">
					<div class="container">
						<div class="flexslider posts-slider">
		                    <ul class="slides">
		                    	<!-- START BLOG POST -->
		                       <?php affichage_news();?>
		                    	<!-- END BLOG POST -->
							</ul>
						</div>
					</div>
				</div>
			</section>
			<!-- END BLOG SECTION -->
			
			<!--
			<section
				id="competition"
				class="section section-content-colored with-arrow color2">
				<div class="section-header with-arrow">
					<br>
					<h1>Les compétitions !</h1>
					<hr>
				</div>
				<div class="section-content">
					<div class="container">
					<center><a href="single-page.php" class="btn btn-default" style="font-size:large;">Les derniers résultats</a></center>
					<div class="flexslider posts-slider">
		                    <ul class="slides">
		                       <?php //dernier_resultat_competition();?>
							</ul>
						</div>
					</div>
				</div>
			</section>
			<!-- END EVENTS SECTION -->
		
	<!-- START SERVICES SECTION -->
			<section id="club" class="section section-content-colored with-arrow color3">
				<!-- SECTION TITLE -->
				<div class="section-header with-arrow"><br>
					<h1>Le club</h1>
						<a href="single-blog.php?id=11" class="btn btn-default">L'histoire du club</a>
						<a href="single-blog.php?id=6" class="btn btn-default">Le bureau</a>
						<a href="single-blog.php?id=9" class="btn btn-default">L'entraineur</a>
						<a href="single-blog.php?id=7" class="btn btn-default">Commission jeunes</a>
						<a href="single-blog.php?id=12" class="btn btn-default">Les salles</a>
					<hr>
				</div>
				<!-- SECTION CONTENT -->
				<div class="section-content">
					<div class="container">
						<div class="services-slider flexslider">
		                    <ul class="slides">
								<!-- START SERVICE -->
		                        <li>
		                            <div class="slide">
										<span class="icon icon-large icon-library"></span>
										<h3>L'histoire du club</h3>
										<p>La section ASPC Badminton fut créée en 1981 par Régis HANOUT, sur la suggestion 
										de son frère Philippe président et créateur du BAC. Elle compta pour sa première saison...</p>
									</div>
								</li>
								<!-- END SERVICE -->
		                        <li>
		                            <div class="slide">
										<span class="icon icon-large icon-user4"></span>
										<h3>Le bureau</h3>
										<p>Suite à l’assemblée générale du 04/10/2013 et à la
										 réunion élective du 09/10/2013, voici la composition du bureau pour la saison 2013-2014 : ...</p>
									</div>
								</li>
		                        <li>
		                            <div class="slide">
										<span class="icon icon-large  icon-user3"></span>
										<h3>L'entraineur</h3>
										<p>ès la saison 2006/2007, le club décide d’employer un entraineur BE 1er degré.
											C’est à Henri Laumuno, joueur ponts-de-céais ...</p>
									</div>
								</li>
		                        <li>
		                            <div class="slide">
										<span class="icon icon-large icon-address-book"></span>
										<h3>Commission jeunes</h3>
										<p>– TDJ poussins : Isabelle Delanoé /Katrin Brécheteau<br>
											– TDJ benjamins : Jean-Yves Vanheeghe/Corinne Chapron<br>
											– TDJ minimes : Isabelle Disic/ Philippe Beurrier ...</p>
									</div>
								</li>
		                        <li>
		                            <div class="slide">
										<span class="icon icon-large icon-location2"></span>
										<h3>Les salles</h3>
										<p>L'ASPC Badminton dispose de deux salle d'entrainement :<br>
										Grande Salle Athlétis et salle Annexe Athlétis et ...
										
										</p>
									</div>
								</li>
							</ul>
						</div>
						<!-- SECTION BUTTON -->
					</div>
				</div>
			</section>
			<!-- END SERVICES SECTION -->
			<!-- START GALLERY SECTION -->
			<?php //affiche_galerie()?>
			<!-- START SERVICES SECTION -->
			<section id="badminton" class="section section-content-colored color2">
				<!-- SECTION TITLE -->
				<div class="section-header with-arrow"><br>
					<h1>Le badminton</h1>
						<a href="single-blog.php?id=10" class="btn btn-default">Son histoire</a>
						<a href="single-blog.php?id=16" class="btn btn-default">Les règles</a>
						<a href="single-blog.php?id=18" class="btn btn-default">Les classement</a>
						<a href="single-blog.php?id=17" class="btn btn-default">Le Parabad</a>
					<hr>
				</div>
				<!-- SECTION CONTENT -->
				<div class="section-content ">
					<div class="container">
						<div style="float: center;" class="services-slider flexslider">
		                    <ul class="slides">
								<!-- START SERVICE -->
		                        <li>
		                            <div class="slide">
										<span class="icon icon-large icon-book"></span>
										<h3>Son historie</h3>
										<p>Du jeu de volant au badminton<br>Un jeu de volant existait déjà
										au 16ème siècle de la cour de François 1er et était pratiqué sans règles avec des raquettes de paume</p>
									</div>
								</li>
								<!-- END SERVICE -->
		                        <li>
		                            <div class="slide">
										<span class="icon icon-large icon-pencil"></span>
										<h3>Le bureau</h3>
										<p>1-LE SCORE<br>

										Un match se joue au meilleur de trois sets en 21 points : le camp qui le premier remporte 2 sets, gagne le match.
										Le camp gagnant un échange ajoute un point à son score.
										A 20 égalité, le set est prolongé : ...</p>
									</div>
								</li>
		                        <li>
		                            <div class="slide">
										<span class="icon icon-large  icon-bars"></span>
										<h3>Les classements</h3>
										<p>Les classements vont de NC à Elite. Pour calculer son classement, un joueur doit additionner le nombre de points accumulés depuis un an (chaque victoire apporte un certain nombre de points ; </p>
									</div>
								</li>
								  <li>
		                            <div class="slide">
										<span class="icon icon-large  icon-accessibility"></span>
										<h3>Le parabad</h3>
										<p>Le Parabad : Pourquoi ? <br>
										Favoriser la pratique du badminton pour les personnes 
										handicapées physiques en apportant des informations aux clubs en vue de
										 les accueillir :  </p>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</section>
			<!-- END SERVICES SECTION -->		
			
		<!-- START DONATION SECTION -->
				<!-- SECTION TITLE -->
			<section id="donation" class="section section-content-colored with-arrow color3" >
			<div style="color: black;" class="section-header with-arrow"><br>
								<h2 >Vous souhaitez faire un don ?</h2>
								</div>
				<div style="color: white;" class="section-content center"><br>
					Vous souhaitez soutenir notre club mais vous n’avez pas le temps de vous investir ?<br>
					Une méthode simple, rapide et efficace : faites un don en cliquant sur la bouton ci-dessous !<br>

					En faisant un don, vous soutenez l’emploi de notre entraîneur et l’ensemble des actions menées par
					 le club notamment au niveau des jeunes.<br>
					En contre-partie, vous pouvez bénéficier d’une réduction d’impôt puisque nous sommes habilités à délivrer
					 des reçus fiscaux.<br>
					Vous pourrez ainsi pourrez déduire 66% du montant du don sur la déclaration des revenus dans la limite
					 de 20% de votre revenu imposable.<br>
					Ainsi, un don de 40 € ne vous coûtera que 13,20 €.<br>
					<!-- DONATION BUTTON -->
					<a href="https://www.paypal.com/fr/cgi-bin/webscr?cmd=_flow&SESSION=MVJsJFt5Z_DyNe3s4qm2Hm-bmtxTNpIf6vVlTyXgS3dG_f7zDg07h16G4Wq&dispatch=5885d80a13c0db1f8e263663d3faee8da8649a435e198e44a05ba053bc68d12e" class="btn btn-donation btn-success" style="width: 295px; font-size: large;">Faites un don !</a>
				</div>
			</section>
			<!-- END DONATION SECTION -->
			
			<!-- START CONTACT SECTION -->
			<section id="contact" class="section with-arrow">
				<!-- SECTION TITLE -->
				<div class="section-header with-arrow">
					<br>
					<h1>Nous contacter</h1>
					<hr>
				</div>
				<!-- SECTION CONTENT -->
				<div class="section-content">
					<div class="container">
						<div class="row">
							<!-- CONTACT TEXT -->
							<div class="col-md-6">
								<p>
									Si vous souhaitez adhérer au club ou que vous avez une
									question, vous pouvez nous contacter via le formulaire
									ci-contre ou pour des informations plus précises veuillez
									privilégier <a href="contact.php"><span
										style="text-decoration: bold;">cette page</span> </a>
								</p>
								<!-- SOCIAL BUTTTONS -->
								<ul class="social-list">
									<li><a
										href="https://www.facebook.com/groups/31973811026/?fref=ts"
										target="_blank" class="btn btn-facebook"><span
											class="icon icon-dailymotion"><img
												src="images/gallery/facebook-icon.png"> </span> Rejoignez
											nous sur Facebook</a></li>
									<li><a href="http://www.dailymotion.com/ASPC-BADMINTON"
										target="_blank" class="btn btn-twitter"><span
											class="icon icon-dailymotion"><img
												src="images/gallery/daily-icon.png"> </span> Suivez nous sur
											Dailymotion </a></li>
								</ul>
							</div>
							<div class="col-md-6">
								<!-- CONTACT FORM -->
								<form class="form-horizontal" action="#" name="MYFORM"
									id="MYFORM">
									<div class="form-group">
										<label for="contact_name" class="col-lg-2 control-label">Nom</label>
										<div class="col-lg-10">
											<input type="text" class="form-control" id="name">
										</div>
									</div>
									<div class="form-group">
										<label for="contact_email" class="col-lg-2 control-label">E-mail</label>
										<div class="col-lg-10">
											<input type="email" class="form-control" id="email">
										</div>
									</div>
									<div class="form-group">
										<label for="contact_textarea" class="col-lg-2 control-label" >Message</label>
										<div class="col-lg-10">
											<textarea class="form-control" rows="3"
												id="message"></textarea>
										</div>
									</div>
									<div class="form-group">
										<br clear="all" />


										<div id="wrap" align="center">
											<img src="get_captcha.php" alt="" id="captcha" /> <br
												clear="all" /> <input name="code" type="text" id="code">
												<img src="images/reload.png" width="25" alt="" id="refresh" />
										</div>

										<br clear="all" /> <br clear="all" /> <label>&nbsp;</label>
										<center><input	value="Envoyer" type="submit" id="Send"></center>
									</div>
								</form>
							</div>
							</div>
						</div>
					</div>
			</section>
			<!-- END CONTACT SECTION -->
			
			<!-- START FOOTER SECTION -->
	<?php affiche_footer();?>
			<!-- END FOOTER SECTION -->
					
				
					
		<!-- END MAIN CONTAINER -->
		
		<!-- PAGE LOADING-->
		<div id="loader"></div>
  	</div>
  	<!-- <IFRAME src="http://badiste.fr/palmares-club/aspc-234.html" width="100%" height="100%" ></IFRAME>-->
    <!-- SCRIPTS -->
<?php affiche_scripts();?>
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script>

$(document).ready(function() { 

	 $('#Send').click(function() {  
	 	
			// name validation
			
			var nameVal = $("#name").val();
			if(nameVal == '') {
				
				$("#name_error").html('');
				$("#name").after('<label style="color:red;"class="error" id="name_error">Entrez votre nom !</label>');
				return false
			}
			else
			{
				$("#name_error").html('');
			}
			
			/// email validation
			
			var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
			var emailaddressVal = $("#email").val();
			
			if(emailaddressVal == '') {
				$("#email_error").html('');
				$("#email").after('<label style="color:red;"class="error" id="email_error">Entrez votre adresse e-mail !</label>');
				return false
			}
			else if(!emailReg.test(emailaddressVal)) {
				$("#email_error").html('');
				$("#email").after('<label style="color:red;"class="error" id="email_error">Entrez une adresse e-mail valide !</label>');
				return false
			 
			}
			else
			{
				$("#email_error").html('');
			}
		
			$.post("post.php?"+$("#MYFORM").serialize(), {
		
			}, function(response){
			
			if(response==1)
			{
				$("#after_submit").html('');
				$("#Send").after('<label style="color:green;"class="success" id="after_submit">Votre message à été envoyé !</label>');
				change_captcha();
				clear_form();
			}
			else
			{
				$("#after_submit").html('');
				$("#Send").after('<label style="color:red;"class="error" id="after_submit">Erreur de Captcha !</label>');
			}
			
			
		});
				
		return false;
	 });
	 
	 // refresh captcha
	 $('img#refresh').click(function() {  
			
			change_captcha();
	 });
	 
	 function change_captcha()
	 {
	 	document.getElementById('captcha').src="get_captcha.php?rnd=" + Math.random();
	 }
	 
	 function clear_form()
	 {
	 	$("#name").val('');
		$("#email").val('');
		$("#message").val('');
	 }
});
 
 
 	
</script>
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
    </div>
  </body>
  <!-- END BODY -->
</html>
